<template>
	<base-page>
		<view slot="center" class="auto-100 section bg-gray">
			<cu-custom :isBack="true" bgColor="bg-white"><block slot="content">每日折扣</block></cu-custom>
			<view class="content bg-white">
				<scroll-view class="scroll" scroll-y :scroll-with-animation="true" @scrolltolower="loadMore">
					<view class="firstPic">
						<view class="recGoodsList df-cen-rl">
							<view class="recGoods"></view>
							<view class="recGoods"></view>
							<view class="recGoods"></view>
						</view>
					</view>
					<view class="secondPic"></view>
					<view class="buyingList">
						<view class="buying-item" v-for="(item, index) in buyingList" :key="index">
							<view class="buying-pic"><image :src="item.picture" mode="aspectFill" /></view>
							<view class="buying-name">{{ item.name }}</view>
							<view class="buying-price">{{ item.price }}</view>
							<view class="buy">
								<view class="buying-btn">立即抢购</view>
								<view class="buying-cart"><image src="https://toc.nanyuecloud.com/toc-inst-app/zqanswer/test/img/xmg/activity/buy.png" mode="aspectFill" /></view>
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
		</view>
	</base-page>
</template>

<script>
import { getNewyouBanner, getShowList, getCopyrightList } from '@/common/js/request/modules/public.js';
export default {
	data() {
		return {
			buyingList: [
				{
					name: '日式苏泊尔电饭煲',
					picture: 'https://toc.nanyuecloud.com/toc-inst-app/zqanswer/test/img/xmg/setting/avatar.png',
					price: 1231231
				}
			]
		};
	},
	onLoad(e) {},
	onShow(e) {},
	methods: {},
	mounted() {}
};
</script>

<style lang="scss">
.content {
	height: 100%;
	.scroll {
		white-space: nowrap;
		width: 100%;
		height: 100%;
	}
	.firstPic {
		background-image: url('https://toc.nanyuecloud.com/toc-inst-app/zqanswer/test/img/xmg/activity/discountfirst.png');
		background-position: 0 0;
		background-size: 100% 487rpx;
		background-repeat: no-repeat;
		padding-top: 160px;
		height: 487rpx;
		.recGoodsList {
			padding: 0 45px 0 55px;
			width: 100%;
			display: flex;
			.recGoods {
				width: 80px;
				height: 80px;
				background-color: #fff;
			}
		}
	}
	.secondPic {
		background-image: url('https://toc.nanyuecloud.com/toc-inst-app/zqanswer/test/img/xmg/activity/discountsec.png');
		background-position: 0 0;
		background-size: 100% 158rpx;
		background-repeat: no-repeat;
		height: 158rpx;
	}
	.buyingList {
		background-color: #9f1919;
	}
}
</style>
